/**
* --------------- 组件--单选多选框 ---------------
*/
// 单选按钮样式-（带文字）
.radio_style{
	cursor: pointer;
	&.fl{
		.fl();
	}
	&.on{
		.con{
			color: @col_blue;
			background-image: url("@{img_url_1}/radio_checkbox/radio_icon_on.png");
		}
	}
	&.disabled{//禁用样式
		.con{
			background-image: url("@{img_url_1}/radio_checkbox/radio_icon_disable.png");
		}
	}
	// 间距设置
	.mar_l_10{
		margin-left: 10px;
	}
	// 文字区域
	.con{
		font-size: 12px;
		line-height: 14px;
		color: #C1C1C1;
		background: url("@{img_url_1}/radio_checkbox/radio_icon.png") no-repeat left center;
		margin-right: 10px;
		padding: 0 0 0 19px;
	}
	// 表单项
	.radio{
		display: none;
	}
}
// 单选按钮样式-（不带文字）
.radio_style_no_txt{
	width: 12px;
	height: 12px;
	cursor: pointer;
	&.center{
		margin-left: auto;
		margin-right: auto;
	}
	&.fl{
		.fl();
	}
	&.on{
		.con{
			color: @col_blue;
			background-image: url("@{img_url_1}/radio_checkbox/radio_icon_on.png");
		}
	}
	// 间距设置
	.mar_l_10{
		margin-left: 10px;
	}
	// 文字区域
	.con{
		height: 100%;
		background: url("@{img_url_1}/radio_checkbox/radio_icon.png") no-repeat left center;
	}
	// 表单项
	.radio{
		display: none;
	}
}

// 多选按钮样式-新(不带文字)（此样式为最新版）
.checkbox_style_no_txt{
	width: 12px;
	height: 12px;
	background: url("@{img_url_1}/radio_checkbox/day_sel_no.png") no-repeat 0 0;
	cursor: pointer;
	&.center{
		margin: 0 auto;
	}
	&.on{
		background-image: url("@{img_url_1}/radio_checkbox/day_sel_ok.png");
	}
	&.fl{
		float: left;
	}
	// 文字
	.con{
		color: #666;
	}
	// 表单项
	.check_box{
		display: none;
	}
}

// 多选按钮样式-新(带文字)（此样式为最新版）
.checkbox_style{
	cursor: pointer;
	&.on{
		.con{
			background-image: url("@{img_url_1}/radio_checkbox/day_sel_ok.png");
		}
	}
	&.fl{
		float: left;
		margin-right: 20px;
	}
	// 文字
	.con{
		color: #666;
		background: url("@{img_url_1}/radio_checkbox/day_sel_no.png") no-repeat left center;
		padding-left: 19px;
	}
	// 表单项
	.check_box{
		display: none;
	}
}